<template>
  <div
    v-bind:style="{
      opacity: this.componentOpacity,
    }"
  >
    <gradient-text type="info">英航学社 </gradient-text>
    <n-space justify="center">
      <n-button type="success"> Login </n-button>
      <n-button type="warning"> Register </n-button>
    </n-space>
  </div>
</template>

<script>
export default {
  name: "Banner",
  props: ["componentOpacity"],
};
</script>

<style scoped>
gradient-text {
  font-size: 80px;
}
</style>